@charset "utf-8";



.different-content{
    padding: 0 15px;
    >div{
        position: relative;
        margin-bottom: 15px;
    }
}
.information-item{
    background: #FFFFFF;
    color: #666666;
    
    
    >div:first-child{
        padding: 0;
        position: static;
    }
}

.information-item-text{
    position: static;
    >div>div{
        position: static;
    }
    >span{
        position: absolute;
        right: 2px;
        top: 7px;
        color: #ff6600;
        transform: rotateZ(45deg);
    }
    >h4{
        color: #333333;
        margin: 15px 0 20px 0;
    }
    >p{
        position: absolute;
        bottom: 0;
        width: 58.33333%;
        background: #fafafa;
        margin: 0px -15px;
        padding: 5px 15px;
        span{
            color: #458b00;
        }
    }
    .greentext{
        color: #458b00;
        border: 1px solid #458b00;
        border-radius: 4px;
        padding-left: 3px;
        padding-right: 3px;
    }
}
.information-item-price{
    color: #ff6600;
    strong{
        font-size: 30px;
    }
    del{
        color: #666666;
    }
    button{
        background: #ff6600;
        border: none;
        color: #FFFFFF;
        font-size: 16px;
        padding: 10px 35px;
    }
}

@media screen and (max-width:1199px){
    .information-item-text{
        >p{
            display: none;
        }
    }
    .information-item-price{
        padding-right: 0;
    }
    .information-item-last-p{
        margin-bottom: 0;
    }
}
@media screen and (max-width:991px){
    .information-item-text {
        >div div:first-child p:first-child{
            margin-bottom: 0;
        }
        p~p{
            display: none;
        }
        h4{
            margin: 10px 0px;
        }
    }
    .information-item-text .information-item-price{
        position: absolute;
        bottom: 0;
        width: 58.33333%;
        p{
            float: left;
            margin-right: 25px;
            margin-bottom: 0;
            strong{
                font-size: 26px;
            }
        }
        button{
            padding: 5px 10px;
        }
    }
}
@media screen and (max-width:768px){
    .information-item-text .information-item-price{
        bottom: -3px;
    }
    @media screen and (max-width:550px) and (min-width:481px){
        .information-item-text h4{
            margin: 5px 0;
        }
    }
}
@media screen and (max-width:480px){
    .information-item-pic{
        width: 100%;
    }
    .information-item-text{
        width: 100%;
        position: relative;
    }
    .information-item-text .information-item-price{
        position: static;
        width: 100%;
        button{
            float: right;
            margin-right: 15px;
        }
     }
    .information-item-text {
        p{
            font-size: 12px;
        }
        >div div:first-child p:first-child{
            margin-bottom: 10px;
        }
        p~p{
            display: block;
            overflow: visible;
        }
        h4{
            margin: 10px 0px;
        }
    }
    .information-item-last-p{
        margin-bottom: 10px;
    }
}

